<!--This actor.html is used as a template to build actor.jsp -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>DataFlix</title>
	
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta http-equiv="content-language" content="en" />
	<meta name="description" content="" />
	<meta name="language" content="en" />
	
	<link type="text/css" rel="stylesheet" href="./styles/fonts.css"/>
	<link type="text/css" rel="stylesheet" href="./styles/header.css"/>
	<link type="text/css" rel="stylesheet" href="./styles/fancybox.css"/>
	<link type="text/css" rel="stylesheet" href="./styles/images.css"/>
	
	<link type="text/css" rel="stylesheet" href="./styles/charcoal.css"/>
	<link type="text/css" rel="stylesheet" href="./styles/actorpage.css"/>
	
	<link rel="shortcut icon" href="http://www.iconarchive.com/download/i59247/franksouza183/fs/Apps-firefox.ico"/>
	
</head>
<body>

	<div id="header">
		<a id="title" href="./index.html"><span class="actionClr">Da</span><span class="comedyClr">ta</span><span class="dramaClr">Fl</span><span class="foreignClr">ix</span></a>
		<ul>
			<li id="categories">
				<a href="./">Categories</a>
				<ul>
					<li id="catB"><a href="#Best">Best Selling</a></li>
					<li id="catC"><a href="#Comedy">Comedy</a></li>
					<li id="catD"><a href="#Drama">Drama</a></li>
					<li id="catA"><a href="./category.html">Action</a></li>
					<li id="catF"><a href="#Foreign">Forgeign</a></li>
				</ul>
			</li>
			
			<li id="searchSlide">
				<form>
					<a href="./">Search</a>
					<input id="searchQur" />
				</form>
			</li>
			
			<li id="logDrop"><a href="./">Sign In</a>	<!--replace with "My Account" once signed in-->
				<form id="loginFrm" method="post">
					<label>EMail Address<input id="logEM" name="email"/></label>
					<label>Password<input id="logPS" name="password" type="password"/></label>
					<a id="logBtn" onclick="" href="./">Sign In</a>
				</form>
			</li>	
			<li><a href="./">Register</a></li>
			<li><a href="./">Support</a></li>
		</ul>
	</div>
	
	<div id="actInfo">
		
		<span id="actimg">
			<a class="fancyBox" id="actor1"></a>
		</span>
		
		<div id="info">
			<h1>Reimu Hakurei</h1>
			<p id="rating">User rating: &#9733;&#9733;&#9733;&#9733;&#9733;</p>
			<p id="rateStat">Out of -------- votes: 5 stars</p>
			
			<p>Gender: Female</p>
			<p id="summary">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id magna leo. Sed quis venenatis nisl. Donec consequat, augue et aliquam semper, ipsum libero bibendum lorem, a tincidunt risus tortor nec massa. Cras nec est sem. Maecenas id tortor eget lectus condimentum vulputate sit amet sit amet metus. Donec laoreet ultrices venenatis. Praesent feugiat dolor sed nunc tincidunt pellentesque mollis ante congue. Nulla in lacinia urna. Aliquam vel adipiscing odio. Praesent aliquet consequat libero, bibendum dignissim erat eleifend et. Nam non eros nisi, sed aliquam quam. Integer sit amet dui congue orci pretium cursus. Cras nibh tortor, laoreet ut sodales a, faucibus eget turpis. Fusce sagittis, nibh ut adipiscing commodo, erat nisl auctor nisi, in tristique diam odio vitae leo. Quisque lobortis diam et justo luctus eleifend. Ut sed neque vehicula est molestie fermentum.
			</p>
			
			<ul class="contentRow" id="Best">
				<li><a class="fancyBox" href="./movie.html">
					<img id="scarlet"/>
					<div class="overlay">
						<h1>Embodiment of the Scarlet Devil</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper.
						</div>
					</div>
				</a></li>
				
				<li><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Perfect_Cherry_Blossom">
					<img id="cherry"/>
					<div class="overlay">
						<h1>Perfect Cherry Blossom</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
				
				<li><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Imperishable_Night">
					<img id="night"/>
					<div class="overlay">
						<h1>Imperishable Night</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
				
				<li class="expLef"><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Mountain_of_Faith">
					<img id="mountain"/>
					<div class="overlay">
						<h1>Mountain of Faith</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
				
				<li class="expLef"><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Subterranean_Animism">
					<img id="animism"/>
					<div class="overlay">
						<h1>Subterranean Animism</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
				
				<li class="expLef"><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Undefined_Fantastic_Object">
					<img id="UFO"/>
					<div class="overlay">
						<h1>Undefined Fantastic Object</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
				
				<li><a class="fancyBox" href="http://en.touhouwiki.net/wiki/Ten_Desires">
					<img id="desires"/>
					<div class="overlay">
						<h1>Ten Desires</h1>
						<div class="shortDesc">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus massa id leo volutpat dapibus. Vestibulum pulvinar, turpis a tristique laoreet, dui lorem aliquet purus, et semper dui est ullamcorper...
						</div>
					</div>
				</a></li>
			</ul>
			
		</div>
		
	</div>
	
	
	<div id="footer"></div>
</body></html>